<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	
    <title>Settings</title>
	
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <meta name="author" content="" />
    <meta name="description" content="" /> 
    <meta name="keywords" content="" /> 
	
	<link rel="stylesheet" href="css/main.css" />
   
    <link href="favicon.ico" rel="shortcut icon" /> 
	<link href="apple-icon.png" rel="apple-touch-icon" />
	
</head>

<body>
    <f:view>
        <h:form id = "settingsForm">
            <div class="android-wrap">
            <div id="wrapper">
                <div id="header">
                    <h1 class="title">Settings</h1>
                    <ul class="app-controls">
                        <li>
                            <%--<a href="#" class="appc-">About</a>--%>

                            <h:commandLink action="#{appBean.information}" value="About" styleClass="appc-info"/>
                        </li>
                        <li>
                            <h:commandLink action="#{appBean.menu}" value="Back" styleClass="appc-back"/>
                            <%--<a href="#" class="appc-back">Logout</a>--%>
                        </li>
                    </ul>
                </div>
                <div id="content">
                    <ul class="main-navi">
                        <li>
                            <a href="#"><span class="br"><span class="icon password">Change Password</span></span></a>
                        </li>
                        <li>
                            <a href="#"><span class="br"><span class="icon audio">Sound</span></span></a>
                        </li>
                        <li>
                            <a href="#"><span class="br"><span class="icon font">Font</span></span></a>
                        </li>
                        <li>
                           <%--<a href="#"><span class="br"><span class="icon language">Language</span></span></a> --%>

                             <span class="br">
                                    <span class="icon language">
                                        <h:commandLink action="#{appBean.language}">
                                            <h:outputText value="Language" style="color: #000000;"/>
                                        </h:commandLink>
                                     </span>
                             </span>

                        </li>
                        <li>
                          <%-- <a href="#"><span class="br"><span class="icon feedback">Feedback</span></span></a>   --%>

                                 <span class="br">
                                     <span class="icon feedback">
                                         <h:commandLink action="#{appBean.feedback}">
                                            <h:outputText value="Feedback" style="color: #000000;"/>
                                         </h:commandLink>
                                      </span>
                                  </span>
                        </li>
                    </ul>
                    <div class="c-promo"><a href="#">Banner</a></div>
                </div>
            </div>
                <%--<a href="#" class="android-control back-btn">Back</a>--%>

                            <h:commandLink action="#{appBean.menu}" value="Back" styleClass="android-control back-btn"/>
            </div>
        </h:form>
    </f:view>
</body>
</html>